<template>
  <div>
    <h3>忘记密码</h3>
    <hr>
  <!-- 输入框 -->
  <van-cell-group inset class="input-group">
  <van-field
  class="input"
    left-icon="phone"
    placeholder="输入手机号码"
    color="#ccc"
  />
  
  <van-field
  class="input"
  color="#ccc"

    center
    clearable
    placeholder="输入短信验证码"
  >
    <template #button>
      <van-button style="background-color: #BA6608; color: #fff;" size="small" >获取验证码</van-button>
    </template>
  </van-field>
</van-cell-group>

<!-- 注册按钮 -->
<van-button 
class="btn"
 size="large">下一步</van-button>
<div class="login-wz">
   <span @click="$router.push('/register')">立即注册</span>
   <span @click="$router.push('/forget')">忘记密码</span>

   </div>

  </div>
</template>

<script setup lang="ts">

</script>

<style scoped lang="scss">
.login-wz{
  color: #666;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  margin: 0 auto;
  width: 320px;
  font-size: 14px;
   
  }
.pwd{
    margin-top:15px;
  }
.btn{
    background-color: #BA6608;
    color: #fff;
    width: 320px;
    display: block;
    margin: 0 auto;
    margin-top: 35px;
    
  }

  .input-group{
    margin-top:30px;
    .input{
  margin-top: 25px;
    border-bottom: 1px solid gray ;
  
  }
  }
h3 {
  color: #111;
  text-align: center;
  padding: 10px;
}
</style>